﻿@using xConnected.Common.CompanyProfile
@using xConnected.Common.Login
@using xConnected.Common.ExpertProfile
@using xConnected.Common.Project
<div data-bind="with: company">
    <div data-bind="with:workingCompany">
        <div class="well">
            <div class="row-fluid">
                <div class="pull-right">
                    <a class="btn btn-small" style="margin-right: 5px" data-bind="visible: $root.company.editDeleteNewButton, click: function(){ $root.company.selectEdit($root.company.workingCompany()); }">
                        <i class="icon-pencil"></i>
                    </a>
                    <a data-bind="visible: $root.company.editDeleteNewButton" class="btn btn-small" data-toggle="modal" href="#DeleteCompanyDialog"><i class="icon-trash"></i></a>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span3"><img class="img-rounded" data-bind="attr: {src: $data.Photo150X150()}" alt="Photo"></div><div class="span6"></div>
                <h3 data-bind="text: Title" class="span6"></h3>
                <span data-bind="html: Description" class="span6"></span>
            </div>
        </div>
        <hr/>
        <span style="font-size: large; margin-top: 20px">About us</span>
        <hr/>
        <div class="row-fluid">
            <span class="span4"><strong>@CompanyProfile.TagLine</strong></span>
            <span data-bind="text: TagLine" class="span6"/>
        </div>
        <div class="row-fluid">
            <span class="span4"><strong>@CompanyProfile.Country</strong></span>
            <span class="span6" data-bind="with:Country"><span data-bind="text:Description"></span></span>
        </div>
        <div class="row-fluid">
            <span class="span4"><strong>@Resources.Location</strong></span>
            <span data-bind="text: Location" class="span6"></span>
        </div>
         <div class="row-fluid">
            <span class="span4"><strong>Industry</strong></span>
            <span class="span6" data-bind="with: Industry"><span data-bind="text: Description"></span></span>
        </div>
        <div class="row-fluid">
            <span><strong class="span4">@Resources.Categories</strong></span>
            <ul data-bind="foreach: Categories"class="btn-toolbar">
                <li style="margin-left: 20px" class="btn-group" ><a class="btn btn-mini" data-bind=" text: Description"></a></li>
            </ul>
        </div>
        <div class="row-fluid">
            <span><strong class="span4">@ProjectRes.Technologies</strong></span>
            <ul data-bind="foreach: Technologies"class="btn-toolbar">
                <li style="margin-left: 20px" class="btn-group" ><a class="btn btn-mini" data-bind=" text: Name"></a></li>
            </ul>
        </div>
    </div>
</div>
<div class="row-fluid">
    <div style="height: 150px; width: 250px; margin-bottom: 10px; margin-left: 298px" id="addressCompanyDetails"></div>
</div>
<div data-bind="with: company">
    <div data-bind="with: workingCompany">
        <hr/>
        <span style="font-size: large; margin-top: 20px">Contact information</span>
        <hr/>
        <div class="row-fluid">
            <span class="span4"><strong>Phone number</strong></span>
            <span data-bind="text: PhoneNumber" class="span6"/>
        </div>
        <div class="row-fluid">
            <span class="span4"><strong>@Login.Email</strong></span>
            <span data-bind="text: Email" class="span6"></span>
        </div>
        <div class="row-fluid">
            <span class="span4"><strong>@CompanyProfile.Website</strong></span>
            <a href="#" data-bind="text: Website, attr: {href: Website}" class="span6"></a>
        </div>
        <hr/>
    </div>
</div>